<template>
	<view class="nft_detail">
		<!-- 商品图片 -->
		<view class="nft_cover">
			<view class="nft_img">
				<image src="../../static/img/nft/dogBi.jpeg" mode=""></image>
			</view>
		</view>
		<!-- 商品信息 -->
		<view class="nft_info">
			<view class="nft_info_title">
				<view class="">
					2000火源起
				</view>
				<view class="nft_name">
					唐·特级鎏金狗狗币-1号币
				</view>
			</view>
			<!-- 描述 -->
			<view class="nft_info_describe">
				<!-- 描述头部 -->
				<view class="describe_title">
					图文详情
				</view>
				<view class="describe_image">
					<image src="../../static/img/nft/dogBiDisplay.jpeg" mode=""></image>
				</view>
				<!-- 描述内容 -->
				<view class="describe_text">
					狗狗币（dogecoin，货币代码：DOGE）诞生于2013年12月8日，作者一位是澳大利亚的品牌与市场营销专家Jackson Palmer，一位是美国俄勒冈州波特兰市的程序员Billy
					Markus。Dogecoin基于Scrypt算法，交易确认时间为1分钟，较比特币更加迅速。狗币能风靡全球的原因可能有三个：小费文化，慈善文化，萌文化。
				</view>
			</view>
		</view>
		<!-- 购买 -->
		<u-row class="buy_bar">
			<u-col span="4" class="lucky_draw">
				<button type="default">抽盲盒</button>
			</u-col>
			<u-col span="6">
				<u-button type="primary" text="立即购买" color="#fa3534"></u-button>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		methods: {
			goBacknft() {
				// 此处不知道在单个页面刷新的时候还行不行
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style lang="scss">
	.nft_detail {

		.nft_cover {
			min-height: 740rpx;
			background-color: #ddd;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;

			.nft_img {
				width: 400rpx;
				height: 400rpx;
				border-radius: 50%;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.nft_info {
			padding: 40rpx;
			position: relative;
			top: -120rpx;
			border-top-left-radius: 40rpx;
			border-top-right-radius: 40rpx;
			min-height: 1000rpx;
			background-color: white;

			.nft_info_title {
				font-size: 38rpx;

				.nft_name {
					font-weight: 700;
					margin-top: 20rpx;
				}
			}

			.nft_info_describe {

				// 描述标题
				.describe_title {
					text-align: center;
					color: #999;
					font-size: $bsin-font-base;
					margin: 50rpx;
				}

				// 描述图
				.describe_image {
					height: 300rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				// 描述文字
				.describe_text {
					margin-top: 50rpx;
					font-size: $bsin-font-base;
					line-height: 60rpx;
				}
			}
		}

		// 购买
		.buy_bar {
			padding: 40rpx;

			.lucky_draw{
				margin-right: 50rpx;

				button{
					height: 76rpx;
					line-height: 76rpx;
					font-size: $bsin-font-base;
					background-color: #FFFFFF;
					width: 100%;
				}
			}
		}

	}
</style>
